import React, { PureComponent } from "react";
import AxHeader from "components/AxHeader";
import AxFooter from "components/Footer";
import s from "./index.scss";
import { Flex } from "antd-mobile";
import maoPng from "assets/images/mao.png";

export default class extends PureComponent {
  constructor(props) {
    super(props);
    this.state = {};
  }

  componentDidMount() {}
  componentWillReceiveProps(nextProps) {}

  render() {
    return (
      <div className={`${s.registerSucBox}`}>
      <div>
        <AxHeader />
        <Flex direction="column" className={`${s.box}`}>
          <Flex.Item className={`${s.item} mgt10`}>
            <img src={maoPng} />
          </Flex.Item>
          <Flex.Item className={`${s.title} ${s.item} color1 mgt10`}>注册成功！</Flex.Item>
          <Flex.Item className={`${s.tip} ${s.item} mgt10`}>您已成功注册安心投账号！</Flex.Item>
          <Flex.Item className={`${s.tip} ${s.item} mgt20`}>立即完成<span className={`color1`}>实名认证</span>，获取另外<span className={`color5`}>150</span>元红包</Flex.Item>
          <Flex.Item className={`${s.tip} ${s.item} mgt20`}>
            <div className={`${s.linkBtn}`}>开通江西银行存管账户</div>
          </Flex.Item>
          <Flex.Item className={`${s.tip} ${s.item} ${s.btnPar}`}>
            <div className={`${s.linkBtn} mgr5 flex1`}>关注服务号</div>
            <div className={`${s.linkBtn} mgl5 flex1`}>下载手机App</div>
          </Flex.Item>
        </Flex>
        </div>
        <AxFooter base={true} />
      </div>
    );
  }
}
